<article class="am-article">
    <div class="am-article-bd">
        <h3 style="margin-bottom: 1.0rem;">今日工作总结</h3>
        <div style="font-size: 1.3rem;">修复系统BUG,还尝到了正宗的桂圆，很甜很甜，从来没有吃过这么甜的桂圆.</div>
        <h3 style="margin-bottom: 1.0rem;">明日工作计划</h3>
        <div style="font-size: 1.3rem;">继续修复系统BUG，继续使用amaze ui开发移动web页面，还从网上趴了一个很不错的评论效果，赞一个!</div>
        <h3 style="margin-bottom: 1.0rem;">心得体会</h3>
        <div style="font-size: 1.3rem;">在开发过程中规范开发规范，有助于bug的减少，继续使用amaze ui开发移动web页面，还从网上趴了一个很不错的评论效果，赞一个!</div>
        <hr class="am-article-divider">
    </div>
</article>
<ul class="am-comments-list">
    <li class="am-comment">
        <a href="#link-to-user-home">
            <img src="./img/avatar1.jpeg" alt="" class="am-comment-avatar" width="48" height="48"/>
        </a>

        <div class="am-comment-main">
            <header class="am-comment-hd" style="background-color:#ebebeb">
                <!--<h3 class="am-comment-title">评论标题</h3>-->
                <div class="am-comment-meta" style="color:#757575;">
                    <a href="#link-to-user" class="am-comment-author" style="color:#757575;">某人</a>
                    评论于 <time datetime="2014-08-21T04:54:29-07:00" title="2014年8月21日 下午7:54 格林尼治标准时间+0800">2014-8-21 15:30</time>
                </div>
            </header>

            <div class="am-comment-bd">
                Arial 常常跟 Helvetica 搞混，也常被当作是没有 Helvetica 时的替代字体使用
            </div>
        </div>
    </li>

    <li class="am-comment">
        <a href="#link-to-user-home">
            <img src="./img/avatar2.jpeg" alt="" class="am-comment-avatar" width="48" height="48"/>
        </a>

        <div class="am-comment-main">
            <header class="am-comment-hd" style="background-color:#ebebeb">
                <!--<h3 class="am-comment-title">评论标题</h3>-->
                <div class="am-comment-meta" style="color:#757575;">
                    <a href="#link-to-user" class="am-comment-author" style="color:#757575;">某人</a>
                    评论于 <time datetime="2014-08-21T04:54:29-07:00" title="2014年8月21日 下午7:54 格林尼治标准时间+0800">2014-8-21 15:30</time>
                </div>
            </header>

            <div class="am-comment-bd">
                白日依山尽，黄河入海流，一穷千里目，更上一层楼。
            </div>
        </div>
    </li>
    <li class="am-comment">
        <a href="#link-to-user-home">
            <img src="./img/avatar.png" alt="" class="am-comment-avatar" width="48" height="48"/>
        </a>

        <div class="am-comment-main">
            <header class="am-comment-hd" style="background-color:#ebebeb">
                <!--<h3 class="am-comment-title">评论标题</h3>-->
                <div class="am-comment-meta" style="color:#757575;">
                    <a href="#link-to-user" class="am-comment-author" style="color:#757575;">某人</a>
                    评论于 <time datetime="2014-08-21T04:54:29-07:00" title="2014年8月21日 下午7:54 格林尼治标准时间+0800">2014-8-21 15:30</time>
                </div>
            </header>

            <div class="am-comment-bd">
                这次要介绍的是大家似乎都狠熟悉却又狠陌生的字体：Arial。不只是对 Typography 特别有兴趣的人。
            </div>
        </div>
    </li>
</ul>

<div class="ds-replybox">
    <a class="ds-avatar" href="javascript:void(0);" onclick="return false" style="background-color: #F5F5F5">
        <img src="./img/avatar.png" alt="" style="border-radius: 50%;width:48px;height:48px;">
    </a>
    <form method="post">
        <div class="ds-textarea-wrapper ds-rounded-top">
            <textarea name="message" title="Ctrl+Enter快捷提交" placeholder="说点什么吧…"></textarea>
        </div>
        <div class="ds-post-toolbar">
            <div class="ds-post-options ds-gradient-bg">
                <span class="ds-sync"></span>
            </div>
            <button class="ds-post-button" type="submit">发布</button>
            <div class="ds-toolbar-buttons">
                <a class="ds-toolbar-button ds-add-emote" title="插入表情">

                </a>
            </div>
        </div>
    </form>
</div>